<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
      /*div form .contTable>tbody>tr.success>td:nth-last-child(1){background:rgb(255, 186, 140);}*/
    </style>
</head>

<body style="color:#333;padding:3px;overflow-x: auto">
    <!-- 标题 -->
    <div class="page-heade">
        <h2 class="title_color text-center">盈利分析报表</h2>
    </div>
    <!-- 标题 -->
    <div class="form-inline">
    <form action="">
     <table class="row-margin-top tab-content table-bordered table text-left" border="1" style="margin-bottom: 1px">
          <tr>
              <td style="min-width: 120px" class="text-right"><label for="" class="form-label">财年：</label>
             </td>
             <td>
              <div class="input-group">
                 <input type="text" class="form-control" name="" id="cainian" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
             </td>
              <td style="min-width: 120px" class="text-right"><label for="" class="form-label">考核期：</label>
             </td>
             <td>
              <select name="" id="" class="select form-control">
                <option value="0">请选择</option>
                <option value="1">一级考核期</option>
                <option value="2">二级考核期</option>
              </select>
             </td>
              <td style="min-width: 120px" class="text-right"><label for="" class="form-label">分区：</label>
             </td>
             <td>
               <div class="input-group">
                 <input type="text" class="form-control" name="" id="fenqu" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
             </td>
             </tr>
            <tr>
              <td style="min-width: 120px" class="text-right"><label for="" class="form-label">省份：</label>
             </td>
             <td>
               <div class="input-group">
                 <input type="text" class="form-control" name="" id="province" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
             </td>
               <td style="min-width: 120px" class="text-right"><label for="" class="form-label">城市：</label>
             </td>
             <td>
               <div class="input-group">
                 <input type="text" class="form-control" name="" id="city" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
             </td>
               <td style="min-width: 120px" class="text-right"><label for="" class="form-label">经销商：</label>
             </td>
             <td>
               <div class="input-group">
                 <input type="text" class="form-control" name="" id="Agency" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
             </td>
            </tr>
              <tr>
              <td style="min-width: 120px" class="text-right"><label for="" class="form-label">品牌：</label>
             </td>
             <td>
               <div class="input-group">
                 <input type="text" class="form-control" name="" id="brand" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
             </td>
               <td style="min-width: 120px" class="text-right"><label for="" class="form-label">渠道：</label>
             </td>
              <td>
              <div class="input-group">
                 <input type="text" class="form-control" name="" id="channel" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
             </td>
               <td style="min-width: 120px" class="text-right"><label for="" class="form-label">职员：</label>
             </td>
              <td>
               <div class="input-group">
                 <input type="text" class="form-control" name="" id="staff" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
             </td>
            </tr>
      </table>
   <table class="table table-bordered" style="margin:1px;display: none;" id="provinceT">
      <tr>
         <td style="min-width: 220px;width: 220px" class="text-center"><label for="" class="form-label">您选定的省份是：</label>
              </td>
              <td class="text-left"></td>
              <td style="min-width: 60px;width: 60px"><button class="btn btn-info" type="button">清空</button></td>
      </tr>
      </table>
      <table class="table table-bordered" style="margin:1px;display: none;" id="cityT">
      <tr>
         <td style="min-width: 220px;width: 220px" class="text-center"><label for="" class="form-label">您选定的城市是：</label>
              </td>
              <td class="text-left"></td>
              <td style="min-width: 60px;width: 60px"><button class="btn btn-info" type="button">清空</button></td>
      </tr>
      </table>
        <table class="table table-bordered" style="margin:1px;display: none;" id="agencyT">
      <tr>
         <td style="min-width: 220px;width: 220px" class="text-center"><label for="" class="form-label">您选定的经销商是：</label>
              </td>
              <td class="text-left"></td>
              <td style="min-width: 60px;width: 60px"><button class="btn btn-info" type="button">清空</button></td>
      </tr>
      </table>
        <table class="table table-bordered" style="margin:1px;display: none;" id="brandT">
      <tr>
        <td style="min-width: 220px;width: 220px" class="text-center"><label for="" class="form-label">您选定的品牌是：</label> </td>
              <td class="text-left"></td>
              <td style="min-width: 60px;width: 60px"><button class="btn btn-info" type="button">清空</button></td>
      </tr>
      </table>
        <table class="table table-bordered" style="margin:1px;display: none;" id="channelT">
      <tr>
        <td style="min-width: 220px;width: 220px" class="text-center"><label for="" class="form-label">您选定的渠道是：</label> </td>
              <td class="text-left"></td>
              <td style="min-width: 60px;width: 60px"><button class="btn btn-info" type="button">清空</button></td>
      </tr>
      </table>
        <table class="table table-bordered" style="margin:1px;display: none;" id="personnelT">
      <tr>
        <td style="min-width: 220px;width: 220px" class="text-center"><label for="" class="form-label">您选定的职员是：</label> </td>
              <td class="text-left"></td>
              <td style="min-width: 60px;width: 60px"><button class="btn btn-info" type="button">清空</button></td>
      </tr>
      </table>
       <table class="table table-bordered" style="margin:1px">
          <td  class="text-center">
          <button class="btn btn-info query" type="button">查询</button>
          <button class="btn btn-info emptyIf" type="button">清空查询条件</button>
          <button class="btn btn-info LendExcel" type="button">导出EXcel</button>
        </td>
      </table>
    	<table class="table table-bordered" style="margin:1px">
			<tr>
				<td class="font-bold text-right">金额单位：元</td>
			</tr>
    	</table>
     
      <table class="table row-margin-top table-bordered text-center bud_hei" id="Tinfo">
          <tr class="info">
            <th class="text-center" style="min-width: 60px">&nbsp;</th>
            <th class="text-center">1月</th>
            <th class="text-center">2月</th>
            <th class="text-center">3月</th>
            <th class="text-center">4月</th>
            <th class="text-center">5月</th>
            <th class="text-center">6月</th>
            <th class="text-center">7月</th>
            <th class="text-center">8月</th>
            <th class="text-center">9月</th>
            <th class="text-center">10月</th>
            <th class="text-center">11月</th>
            <th class="text-center">12月</th>
            <th class="text-center">同比</th>
            <th class="text-center">合计</th>
          </tr>
          <tbody>
          <tr>
             <td>目标</td>
			       <td class="ObjectNum text-right">75965744</td>
			       <td class="ObjectNum text-right">75965876</td>
			       <td class="ObjectNum text-right">75965876</td>
			       <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
			       <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
			       <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
			       <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
			       <td class="ObjectNum text-right">911649768</td>
          </tr>
             <tr class="success">
             <td>收入</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
             <td class="ObjectNum text-right">911649768</td>
          </tr>
             <tr>
             <td>达成率</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
             <td class="ObjectNum text-right">911649768</td>
          </tr>
             <tr class="success">
             <td>成本</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
             <td class="ObjectNum text-right">911649768</td>
          </tr>
             <tr>
             <td>成本</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
             <td class="ObjectNum text-right">911649768</td>
          </tr>
             <tr class="success">
             <td >预算</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
             <td class="ObjectNum text-right">911649768</td>
          </tr>
             <tr>
             <td>费用</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
             <td class="ObjectNum text-right">911649768</td>
          </tr>
           <tr class="success">
             <td>使用率</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">-75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
             <td class="ObjectNum text-right">911649768</td>
          </tr>
           <tr>
             <td>利润</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">-75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965744</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="ObjectNum text-right">75965876</td>
             <td class="text-right"><span class="ObjectNum">1814.83</span>%</td>
             <td class="ObjectNum text-right">911649768</td>
          </tr>
          </tbody>
      </table>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- <script src="js/plugins/layer/laydate/laydate.js"></script> -->
     <script src="__STATIC__/layout/js/plugins/suggest/bootstrap-suggest.min.js"></script>
    <script src="__STATIC__/layout/js/common.js"></script>
    <script>
        $(document).ready(function(){

           var $ObjectNum =$(".ObjectNum");
             toNum($ObjectNum);
             changeColor($ObjectNum)
             // console.log( $(".contTable tr:odd"))
            var trSuc=$("#Tinfo tr")
            trSuc.each(function(){
             $(this).find('td').eq(-1).css('background-color','#ffba8c');
            })
        })
       function changeColor(numObj)
         {
             for ( var i = 0; i < numObj.length; i++)
             {
                 var obj = numObj[i];
                 var num = parseFloat (obj.firstChild.nodeValue);
                 obj.style.color = num > 0 ? "#333333" : "red";
             }
    };
   
   /*请输入关键字或空格查询*/
           var cainian = $("#cainian");
           var fenqu= $("#fenqu");
           var city= $("#city");
           var province= $("#province");
           var Agency= $("#Agency");
           var brand= $("#brand");
           var channel= $("#channel");
           var staff= $("#staff");
           sousuo(cainian);
           sousuo(fenqu);
           sousuo(city);
           sousuo(province);
           sousuo(Agency);
           sousuo(brand);
           sousuo(channel);
           sousuo(staff);

          function sousuo(id){
            id.bsSuggest({
            allowNoKeyword: false, //是否允许无关键字时请求数据
            multiWord: true, //以分隔符号分割的多关键字支持
            separator: ",", //多关键字支持时的分隔符，默认为空格
            getDataMethod: "url", //获取数据的方式，总是从 URL 获取
            url: 'http://unionsug.baidu.com/su?p=3&t=' + (new Date()).getTime() + '&wd=',
            /*优先从url ajax 请求 json 帮助数据，注意最后一个参数为关键字请求参数*/
            jsonp: 'cb',
            /*如果从 url 获取数据，并且需要跨域，则该参数必须设置*/
            processData: function (json) { // url 获取数据时，对数据的处理，作为 getData 的回调函数
                var i, len, data = {
                    value: []
                };
                if (!json || !json.s || json.s.length === 0) {
                    return false;
                }

                // console.log(json);
                len = json.s.length;

                jsonStr = "{'value':[";
                for (i = 0; i < len; i++) {
                    data.value.push({
                        word: json.s[i]
                    });
                }
                data.defaults = 'baidu';

                //字符串转化为 js 对象
                return data;
            }
        });

          }
</script>
    </script>
</body>

</html>
